<div id="editor1" contenteditable="true">
	<p><u>underlined</u></p>
	<p><span style="color: #0000FF;">baz</span><!-- comment-->foo<span style="color: #0000FF;">ba<!-- comment-->z</span></p>
</div>

<div id="editor2" contenteditable="true">
	<p><u>underlined</u></p>
	<p><span style="color: #0000FF;">baz</span><!-- comment-->foo<span style="color: #0000FF;">ba<!-- comment-->z</span></p>
</div>

<script>
	CKEDITOR.replace( 'editor1', {
		allowedContent: true,
		extraPlugins: 'sourcearea'
	} );
	CKEDITOR.inline( 'editor2', {
		allowedContent: true,
		extraPlugins: 'dialog,sourcedialog'
	} );
</script>
